<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <div class="wrap">
        <div class="tit">学生成绩列表</div>
        <div class="sel">
            每页显示条数
            <select name="" id="count" class="page">
                <option value="5" selected="selected">5</option>
                <option value="10">10</option>
                <option value="15">15</option>
            </select>
            排序
            <select name="" id="order" class="order">
                <option value="name" selected="selected">名字</option>
                <option value="age">年龄</option>
                <option value="sorc">得分</option>
            </select>
            <input type="text" id="search">
        </div>
        <div class="tab">
            <table id="tab">
                <thead>
                    <tr>
                        <th>名字</th>
                        <th>年龄</th>
                        <th>得分</th>
                        <th>等级</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <div class="page_box">
            <div>
                <p id="prev">上一页</p>
                <ul>
                    <!-- <li>1</li>
                    <li>2</li> -->
                </ul>
                <p id="next">下一页</p>
            </div>
        </div>
    </div>
    <script src="./js/data.js"></script>
    <script src="./js/page.js"></script>
</body>
</html>